#main .title{
	margin-top: 60px;
}
.header-box{
	width: 100%;
	position: fixed;
	height: 60px;
	background: #2a3f44;
	z-index: 1001;
	color: #fff;
	margin: 0;
	text-align: center;
	padding: 0;
}
.header-box img{
	height: 60px;
	margin-top: -17px;
}
.header-box h3{
	display: inline-block;
}
hr{
	margin-top: 0!important;
	margin-bottom: 10px!important;
}
.group-title{
	font-weight: 700;
}
#app{
	position: fixed;
}
form{
	margin-top: 60px;
}

form .appSetting, form .projectSetting, form .DBConnect, form .components, form .devTools, form .IDE{
	margin-left: 70px;
}
form .projectSetting label span, form .appSetting label span, form .IDE label span{
	color: #e7505a;
	font-size: larger;
}
form .projectSetting .items, form .DBConnect .items{
	display: inline;
}
form .projectSetting .items label, form .DBConnect .items label{
	width: 60px;
}
form .projectSetting .items input{
	margin-left: 15px;
	width: 120px;
}
form .projectSetting .author{
	margin-left: 15px;
}
form .projectSetting .author input{
	width: 120px;
	margin-left: 33px;
}
form .projectSetting .items,
form .DBConnect .conUrl,
form .DBConnect .userName{
	margin-left: 15px;
}
form .DBConnect .conUrl, form .DBConnect .userName{
	display: inline;
}
form .DBConnect input{
	width: 120px;
}
form .DBConnect .conUrl input{
	margin-left: 17px;
}
form .DBConnect .userName input{
	margin-left: 17px;
}
form .appSetting input{
	margin-left: 9px;
}
form .devTools input, form .components input, form .IDE input{
	margin-left: 15px;
}
form .appSetting .web, form .appSetting .H5, form .appSetting .Rest{
	margin-left: 6px;
}
form .devTools, form .IDE{
	margin-top: -20px;
}
form .module{
	position: absolute;
	top: 180px;
	left: 190px;
}
form .module input{
	margin-left: 68px;
}
form .includeWechat{
	position: absolute;
	top: 206px;
	left: 190px;
}
form .includeWechat select{
	height: 25px;
	margin-right: 25px;
}
form .includeWechat .showOption{
	float: right;
}
form p{
	margin-top: 10px;
	text-align: center;
}
form button{
	width: 210px;
}

form .payments .modal {
	display: none; /* é»˜è®¤éšè— */
	position: fixed; /* æ ¹æ®æµè§ˆå™¨å®šä½ */
	z-index: 1001; /* æ”¾åœ¨é¡¶éƒ¨ */
	left: 0;
	top: -20px;
	width: 100%; /* å…¨å®½ */
	height: 100%; /* å…¨é«˜ */
	background-color: rgba(0,0,0,0.4); /* èƒŒæ™¯è‰² */
}
/*æ¨¡æ€æ¡†å†…å®¹*/
form .payments .modal-content {
	display: flex; /*é‡‡ç”¨flexboxå¸ƒå±€*/
	flex-direction: column; /*åž‚ç›´æŽ’åˆ—*/
	position: relative;
	background-color: #fefefe;
	margin: 10% auto; /*è·é¡¶éƒ¨15% æ°´å¹³å±…ä¸­*/
	padding: 5px;
	border: 1px solid #888;
	width: 390px;
	height: 440px;
	animation: topDown 0.4s; /*è‡ªå®šä¹‰åŠ¨ç”»ï¼Œä»Žæ¨¡æ€æ¡†å†…å®¹ä¸Šåˆ°ä¸‹å‡ºçŽ°*/
}
@keyframes topDown {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}
/*æ¨¡æ€æ¡†å¤´éƒ¨*/
form .payments .modal-header {
	display: flex; /*é‡‡ç”¨flexboxå¸ƒå±€*/
	flex-direction: row; /*æ°´å¹³å¸ƒå±€*/
	align-items: center; /*å†…å®¹åž‚ç›´å±…ä¸­*/
	justify-content: space-between;
	padding: 0;
}
form .payments .modal-header p{
	margin-left: 70px;
}
/*å…³é—­X æ ·å¼*/
form .payments .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
form .payments .close:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.group-title{
	padding-left: 36px;
}
.align-right{
	text-align: right;
}
.font-red{
	color: red;
}

.children-space-split>*{
	padding-right: 15px;
}

.form-group-first{
	padding-left: 56px;
}
.aboutDiboot{
	text-align: center;
}